
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@page import="modelo.Usuario"%>
<% Usuario p = (Usuario) session.getAttribute("USUARIO_ACTUAL"); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<!--  Version: Multiflex-3 Update-7 / Layout-3             -->
<!--  Date:    January 15, 2007                            -->
<!--  Author:  Wolfgang                                    -->
<!--  License: Fully open source without restrictions.     -->
<!--           Please keep footer credits with a link to   -->
<!--           Wolfgang (www.1-2-3-4.info). Thank you!     -->

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="expires" content="3600" />
  <meta name="revisit-after" content="2 days" />
  <meta name="robots" content="index,follow" />
  <meta name="publisher" content="Your publisher infos here ..." />
  <meta name="copyright" content="Your copyright infos here ..." />
  <meta name="author" content="Design: Wolfgang (www.1-2-3-4.info) / Modified: Your Name" />
  <meta name="distribution" content="global" />
  <meta name="description" content="Your page description here ..." />
  <meta name="keywords" content="Your keywords, keywords, keywords, here ..." />
 --> <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout3_setup.css" />
  <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout3_text.css" />
  <link rel="icon" type="image/x-icon" href="./img/favicon1.ico" />
  <title>Registro de Avisos :.</title>
  <style type="text/css">
<!--
.Estilo1 {color: #FF0000}
-->
  </style>
  
<style type="text/css" media="all">
/* color de borde de los campos requeridos */
.requerido {border:1px solid red !important;}
/* estilo para los párrafos de error */
.error {border:1px solid red;padding:5px;font-weight:bold;color:red !important;font:normal 12px Arial;}
/* estilo para desactivar el botón enviar */
.gris {background:gray !important;border:1px solid gray !important;color:#fff;border:0;padding:3px 0;margin:5px 0;font-size:11px;width:400px !important;}
/* estilo del form */

.contacto input.boton1 {background:#fba025;color:#fff;border:0;padding:3px 0;margin:5px 0;font-size:11px;width:100px;border:1px solid #fba025}
.contacto input.boton2 {background:#fba025;color:#fff;border:0;padding:3px 0;margin:5px 0;font-size:11px;width:100px;border:1px solid #fba025}
.Estilo3 {color: #666666}
.Estilo4 {color: #999999}
</style>

<script>
       function validar(){
         var n = document.login.username.value;
         var c = document.login.password.value;

         if (n == ""){
            alert('Ingrese nombre');
            return false;
         } else if( c == ""){
            alert('Ingrese clave');
            return false;
         }
         return true;
       }
    </script>

</head>

<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->

<body>

<script type="text/javascript"><!--
claseError="requerido";

function validotexttitulo(texttitulo)
{
	var s = texttitulo;
	if(/^\w+([\.-]?\w+)*\w+([\.-]?\w+)*(\\w{2,3})+$/.test(s)) return true;
	else return false;
}

function valida_envia(){
	var texttitulo = document.fvalida.texttitulo.value;
	var textmensaje = document.fvalida.textmensaje.value;
	var textfechai = document.fvalida.textfechai.value;
	var textfechaf = document.fvalida.textfechaf.value;
	var textubicacion = document.fvalida.textubicacion.value;
	
	if (texttitulo.length==0 || textmensaje.length==0 || textfechai.length==0 || textfechaf.length==0 || textubicacion.length==0){
		document.getElementById("error").style.display="block";
		if (texttitulo.length==0) document.fvalida.texttitulo.className=claseError; else document.fvalida.texttitulo.className="";
		if (textmensaje.length==0) document.fvalida.textmensaje.className=claseError; else document.fvalida.textmensaje.className="";
		if (textfechai.length==0) document.fvalida.textfechai.className=claseError; else document.fvalida.textfechai.className="";
		if (textfechaf.length==0) document.fvalida.textfechaf.className=claseError; else document.fvalida.textfechaf.className="";
		if (textubicacion.length==0) document.fvalida.textubicacion.className=claseError; else document.fvalida.textubicacion.className="";
		return 0;
	}
	else 
	{
		document.fvalida.submit();
		 //-->  document.fvalida.button();
	}
	
}
function revalida(cual){
	var ese = document.getElementById(cual).value;
	if (ese.length>0){document.getElementById(cual).className="";}
	var texttitulo = document.fvalida.texttitulo.value;
	var textmensaje = document.fvalida.textmensaje.value;
	var textfechai = document.fvalida.textfechai.value;
	var textfechaf = document.fvalida.textfechaf.value;
	var textubicacion = document.fvalida.textubicacion.value;
	if (texttitulo.length>0 && textmensaje.length>0 && textfechai.length>0 && textfechaf.length>0 && textubicacion.length>0){document.getElementById("error").style.display="none";}


	if (texttitulo.length>0){
		if (/^\w+([\.-]?\w+)*\w+([\.-]?\w+)*(\w{2,3})+$/.test(texttitulo)) 
		{
			document.fvalida.texttitulo.className="";
			document.getElementById("error2").style.display="none";
			document.getElementById("enviar").disabled=false;
			document.getElementById("enviar").className="boton1";
		}
		else
		{
			document.getElementById("error2").style.display="block";
			document.fvalida.texttitulo.className=claseError;
			document.getElementById("enviar").disabled=true;
			document.getElementById("enviar").className="gris";
		}
	}

}

//-->
</script>



  <!-- Main Page Container -->
  <div class="page-container">

    <!-- For alternative headers START PASTE here -->

    <!-- A. HEADER -->      
    <div class="header">
      
      <!-- A.1 HEADER TOP -->
      <div class="header-top">
        
        <!-- Sitelogo and sitename -->
        <a class="sitelogo" href="#" title="Go to Start page"></a>
        <div class="sitename">
          <h1><a href="index.html" title="Go to Start page">DESARROLLADORES <span style="font-weight:normal;font-size:50%;">&nbsp;upc</span></a></h1>
          <h2>Sistema de Compra y Venta por Internet </h2>
        </div>
    
        <!-- Navigation Level 0 -->
        <div class="nav0">
          <ul>
            <li><a href="#" title="Homepage en Italiano"></a></li>
          </ul>
        </div>			

        <!-- Navigation Level 1 -->
        <div class="nav1">
          <ul>

          </ul>
        </div>              
      </div>
      
      <!-- A.2 HEADER MIDDLE -->
      <div class="header-middle">    
   
        <!-- Site message -->
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="896" height="145">
          <param name="movie" value="img/Encabezado.swf" />
          <param name="quality" value="high" />
          <embed src="img/Encabezado.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="896" height="145" ></embed>
        </object>
      </div>
      
      <!-- A.3 HEADER BOTTOM -->
			<div class="header-bottom">

				<!-- Navigation Level 2 (Drop-down menus) -->
				<div class="nav2">

					<!-- Navigation item -->
					<ul>
						<li><a href="index.jsp">Principal</a>
						</li>
					</ul>

					<!-- Navigation item -->
					<%
						if (p == null) {
					%>
					<ul>
						<li><a href="#">Publicaciones<!--[if IE 7]><!--> </a>
						<!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="FindPublicacion.jsp">Buscar
										Publicaci&oacute;n</a>
								</li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
					</ul>

					<%
						}
					%>

					<!-- Navigation item -->
					<%
						if (p != null) {
							if (!p.getTipoUsuario().equals("administrador")) {
					%>
					<ul>
						<li><a href="#">Publicaciones<!--[if IE 7]><!--> </a>
						<!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="MantenimientoPublicaciones.jsp">Crear
										Publicaci&oacute;n</a>
								</li>
								<li><a href="FindPublicacion.jsp">Buscar
										Publicaci&oacute;n</a>
								</li>
								<li><a href="VentasYComprasXUsuario.jsp">Listar
										Publicaciones</a>
								</li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
					</ul>

					<%
						}
						}
					%>

					<%
						if (p != null) {
							if (p.getTipoUsuario().equals("administrador")) {
					%>
					<ul>
						<li><a href="#">Administraci&oacute;n<!--[if IE 7]><!-->
						</a>
						<!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="prototipopersonas.jsp">Crear Usuario</a>
								</li>
								<li><a href="prototipocategorias.jsp">Crear Categoria</a>
								</li>
								<li><a href="registroaviso.jsp">Crear Aviso</a>
								</li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
					</ul>

					<%
						}
						}
					%>
				</div>
			</div>

      <!-- A.4 HEADER BREADCRUMBS -->

      <!-- Breadcrumbs -->
      <div class="header-breadcrumbs">
        <ul>
        </ul>


        <!-- Search form -->                  
        <div class="searchform">
          <form action="index.html" method="get">
            <fieldset>
              <input name="field" class="field"  value=" Buscar..." />
              <input type="submit" name="button" class="button" value="Ir!" />
            </fieldset>
          </form>
        </div>
      </div>
    </div>

    <!-- For alternative headers END PASTE here -->

    <!-- B. MAIN -->
    <div class="main">
  
      <!-- B.1 MAIN CONTENT -->
      <div class="main-content">
        
        <!-- Pagetitle -->
        <h1 class="pagetitle"> Registro de Avisos </h1>

        <!-- Content unit - One column -->
        <h1 class="block">1 - Avisos </h1>
		
		
		
        <div class="column1-unit">
          <p>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="480" height="100" align="middle">
              <param name="movie" value="img/banner_053.swf" />
              <param name="quality" value="high" />
              <embed src="img/banner_053.swf" width="480" height="100" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></embed>
            </object>
          </p>
        </div>
		
		<p id="error" class='error' style='display:none'>Los campos marcados con * son requeridos.</p>      
		<p id="error2" class='error' style='display:none'>El Titulo no se ha ingresado Correctamente.</p>
		
		<form name="fvalida" id="registro" class="contacto" method="post" action="registroaviso">

      <hr class="clear-contentunit" />
          
		  <center> <em class="rojo Estilo1">${MENSAJE}</em> 
		  </center>
		  <p>&nbsp;</p>
		  
        <!-- Content unit - Two columns -->
        <div class="column2-unit-left">Titulo <strong>:
		
		
            <fieldset>
              <input type="text" name="texttitulo" id="texttitulo" class="field" value="" onKeyPress="javascript:revalida(this.id);" tabindex="${param.texttitulo}" />
			  (<span class="Estilo1">*</span>)
        </fieldset>
        </strong></div>
		
		<hr class="clear-contentunit" />
        <!-- Content unit - Two columns --><!-- Content unit - Two columns -->
        <!-- Content unit - Two columns -->
<div class="column2-unit-left">Mensaje : 
          <fieldset>
          <input type="text" name="textmensaje" id="textmensaje" class="field" value="" onKeyPress="javascript:revalida(this.id);" tabindex="${param.textmensaje}" />
          (<span class="Estilo1">*</span>)
		  </fieldset>
        </div>
        <hr class="clear-contentunit" />
          
        <!-- Content unit - Two columns -->
        <div class="column2-unit-left">Fecha Inicio : 
         <fieldset>
     <input type="text" name="textfechai" id="textfechai" class="field" value="" onKeyPress="javascript:revalida(this.id);" tabindex="${param.textfechai}" />
		   <span class="Estilo4">aaaa-mm-dd</span>
         (<span class="Estilo1">*</span>)
		 </fieldset>
        </div>
        <div class="column2-unit-right">Fecha Fin : 
          <fieldset>
          
	<input type="text" name="textfechaf" id="textfechaf" class="field" value="" onKeyPress="javascript:revalida(this.id);" tabindex="${param.textfechaf}" />
         <span class="Estilo4">aaaa-mm-dd</span>
		 (<span class="Estilo1">*</span>)
		  </fieldset>
        </div>
		
				
		<!-- Content unit - Two columns --><!-- Content unit - Two columns -->
        <div class="column2-unit-left">Ubicacion : 
          <fieldset>
          <input type="text" name="textubicacion" id="textubicacion" class="field" value="" onKeyPress="javascript:revalida(this.id);" tabindex="${param.textubicaion}" />
          (<span class="Estilo1">*</span>)
		 </fieldset>
		 
		   <input type="hidden" name="envio" value="SI" />
		 
        </div>
        <hr class="clear-contentunit" />
          
        <!-- Content unit - Two columns -->
		
		<span class="Estilo3">Completar obligatoriamente los campos con el simbolo</span>  (<span class="Estilo1">*</span>)
	     <input type="submit" id="enviar" name="enviar" value="Enviar Aviso" onClick="valida_envia()" class='boton1' />
      	  <!-- <input type="submit" name="cancelar" value="Cancelar" class='boton2' /> -->
          
       
        </p>
        <!-- Content unit - One column -->
        <h1 class="block">2 - Anuncios </h1>
        <div class="column1-unit">
          <p class="caption">Puede ingresar sus anuncios con solo su registro de usuario.</p>
          <p class="caption"><span class="credits">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="480" height="80">
              <param name="movie" value="img/banner_044.swf" />
              <param name="quality" value="high" />
              <embed src="img/banner_044.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="480" height="80" ></embed>
            </object>
          </span> </p>
          <hr class="clear-contentunit" />
        </div>          
        <hr class="clear-contentunit" />        
                                             
         
      </div>
      
</form >



<script type="text/javascript">
/* ATENCION ESTE CODIGO NO TE HACE FALTA, SON MIS ESTADISTICAS */
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-266167-20");
pageTracker._setDomainName(".martiniglesias.eu");
pageTracker._trackPageview();
} catch(err) {}
/* FIN DE MIS ESTADISTICAS */
</script>





      <!-- B.2 MAIN NAVIGATION -->
			<div class="main-navigation">

				<!-- Navigation Level 3 -->
				<div class="round-border-topleft"></div>


				<%
					if (p != null) {
				%>
				<h1>Conectado</h1>
				<h2>Bienvenido Usuario:</h2>
				<h3>
					${sessionScope.USUARIO_ACTUAL.nombres }
					${sessionScope.USUARIO_ACTUAL.paterno } <a href="LogoutServlet">(Salir)</a>
				</h3>

				<%
					} else {
				%>
				<!-- Login -->
				<h1>Ingreso</h1>
				<div class="loginform">
					<form name="login" method="post" action="LogeoServlet"
						onSubmit="return validar();">
						<p>
							<input type="hidden" name="rememberme" value="0" />
						</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<fieldset>
							<p>
								<label for="username" class="top">Usuario:</label> <br /> <input
									type="text" name="username" id="username" tabindex="1"
									class="field"
									onKeyPress="return webLoginEnter(document.loginfrm.password);"
									value="" />
							</p>
							<p>
								<label for="password" class="top">Password:</label><br /> <input
									type="password" name="password" id="password" tabindex="2"
									class="field"
									onKeyPress="return webLoginEnter(document.loginfrm.cmdweblogin);"
									value="" />
							</p>
							<p>
								<input type="checkbox" name="checkbox_1" id="checkbox_1"
									class="checkbox" tabindex="3" size="1" value=""
									onClick="webLoginCheckRemember()" /> <label for="checkbox_1"
									class="right">Recordarme</label>
							</p>
							<p>
								<input type="submit" name="cmdweblogin" class="button"
									value="LOGIN" />
							</p>
							<p style="color: red;">${LOGUEO}</p>
						</fieldset>
					</form>
				</div>

				<%
					}
				%>


				<!-- Title -->

				<!-- Text formats -->
				<h1>Compras</h1>
				<h2>Las mas populares</h2>
				<h3>Texto</h3>
				<p>Texto</p>

				<h3>Enlaces</h3>
				<ul class="bullet">
					<li><a href="#">Link 1</a>
					</li>
					<li><a href="#">Link 2</a>
					</li>
					<li>Fact 1</li>
					<li>Fact 2</li>
				</ul>

				<h3>&nbsp;</h3>
				<h3>
					Imagenes<br />
				</h3>
				<p>
					<img src="./img/image.jpg" width="50" alt="Image description"
						title="Image title" />Descripcion.
				</p>
				<p>
					<img class="center" src="./img/image.jpg" width="50"
						alt="Image description" title="Image title" />
				</p>
				<p>
					<!-- Image Links -->
				</p>

				<h3>&nbsp;</h3>
			</div>
		</div>
      
    <!-- C. FOOTER AREA -->      

    <div class="footer">
      <p>Copyright &copy; 2012 Desarrolladores | All Rights Reserved</p>
      <p class="credits">&nbsp;</p>
    </div>      
  </div> 
  
</body>
</html>

